<template>
  <div>
    test2
  </div>
  <button
    class="w-50 m-y-4 transition ease-in-out delay-150 bg-blue-500 hover:-translate-y-1 hover:scale-110 hover:bg-indigo-500 duration-300 ...">
    Save Changes
  </button>
  <div class="border-2 border-red-400 border-solid container flex brightness-40">
    <div class="columns-3 bg-red-400">
      <img class="w-full aspect-video " src="../../static/logo.png" alt="" />
      <img class="w-full aspect-square " src="../../static/vite.png" alt="" />
    </div>
    <div class="columns-3 bg-sky-400 ">
      <img class="w-full aspect-video " src="../../static/logo.png" alt="" />
      <img class="w-full aspect-square " src="../../static/vite.png" alt="" />
    </div>
    <div class="columns-3 bg-yellow-400 ">
      <img class="w-full aspect-video " src="../../static/logo.png" alt="" />
      <img class="w-full aspect-square " src="../../static/vite.png" alt="" />
    </div>
  </div>

  <div class="border-solid border-red-500 w-100 ml-30 h-100  overflow-y-scroll relative">
    <div v-for="item in [1, 2, 3, 4, 5]" class="flex m-y-10 border-solid border-sky-500">
      <img class="w-20 h-20 ml--10 rounded-full" src="../../static/ava.jpg" alt="">
      <div>
        <p class="text-red-300">安德鲁斯巴达{{ item }}</p>
        <p class="text-gray-400">技术顾问</p>
      </div>
    </div>
    <div class="bg-purple-500 text-white sticky bottom-0 left-0">
      测试一下
    </div>
  </div>

  <div class="w-100 h-100 m-10 bg-blue  flex divide-x-2  divide-emerald-900 divide-solid flex-row overflow-hidden">
    <div class="bg-purple-300 basis-1/3">01</div>
    <div class="bg-red-300 basis-1/3">02</div>
    <div class="bg-orange-300 basis-1/3">03</div>
  </div>
  <div class="m-50 h-50 bg-yellow-800 outline-5 outline-purple-500 outline blur-lg">

  </div>
</template>
<script setup>
</script>
<style lang="scss" scoped></style>
